@charset "utf-8";
/*banner*/
.banner{width:1200px;height:430px;margin:auto;margin-top:10px;position:relative;z-index:5;overflow:hidden}
.banner .swiper-container {position:relative;width: 1200px;height:430px;}
.banner .swiper-container-horizontal .swiper-pagination-bullets {bottom: 10px;float: right}
.banner .swiper-container-horizontal .swiper-pagination-bullet {width: 10px;height: 10px;margin:0;border:2px solid #999;border-radius:100%;display: inline-block;background:#ffffff;vertical-align: middle;opacity:1;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.banner .swiper-container-horizontal .swiper-pagination-bullet-active{opacity:1;background:#e15517;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px;}
.banner .swiper-button-prev{left:50%;margin-left:-627px}
.banner .swiper-button-next{right:50%;margin-right:-627px}

.contents img{max-width:100%!important;height:auto !important}
/*banner导航*/
.menus{position:absolute;left:0;top:0;width:280px;height:430px;background-color:rgba(0,0,0,0.5);z-index:11;overflow:hidden}
.menus li{width:280px;height:71px;border-bottom:1px solid #bcbcbc;background: url(../qp-imgs/next.png) no-repeat 210px center}
.menus li a{display:block;width:280px;height:71px;color:#ffffff;font-size:16px;line-height: 71px;}
.menus li a i{float: left;width:94px;height:71px;margin-right:10px;background: url(../qp-imgs/ico01.png) no-repeat}
.menus li a .icon_01{background-position:0 0}
.menus li a .icon_02{background-position:0 -71px}
.menus li a .icon_03{background-position:0 -142px}
.menus li a .icon_04{background-position:0 -213px}
.menus li a .icon_05{background-position:0 -284px}
.menus li a .icon_06{background-position:0 -355px}

/*首页楼层*/
.product-item{padding:20px 0 10px;margin-top:20px;background-color:#f5f5f5}
.product-item .index_pro{margin-bottom:40px;}
.product-item .index_pro .title{margin-bottom:10px;font-size:24px;color:#666;height:30px;line-height:30px}
.product-item .index_pro .title .title_more{float: right;font-size:16px;color:#666}
.product-item .index_pro .title .title_more i{float: right;width:25px;height:25px;margin-top:3px;margin-left:10px;background: url(../qp-imgs/more.png) no-repeat center center;}
.product-item .index_pro .title .title_more:hover{color:#e15517}
.product-item .pic_item{float: left;width:235px;}
.product-item .pic_item img{width:235px}
.product-item .pro_item{float: left;width:228px;height:300px;margin-left:13px;margin-bottom:13px;background:#fff}
.product-item .pro_item a{display:block;width:228px;height:300px;text-align: center;}
.product-item .pro_item .pic{display: table-cell;width:200px;height:200px;padding:5px 14px;vertical-align:middle}
.product-item .pro_item .pic img{max-width:200px;max-height:200px;}
.product-item .pro_item .tit{width:200px;margin:auto;height:20px;line-height:20px;overflow:hidden;color:#333333}
.product-item .pro_item .price{width:200px;margin:auto;margin-top:5px;height:20px;line-height:20px;overflow:hidden;color:#e15517}
.product-item .pro_item .txt{width:200px;margin:auto;margin-top:5px;height:20px;line-height:20px;overflow:hidden;color:#999999}
.product-item li{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.product-item li:hover{transform: translate(0,-2px);-ms-transform: translate(0,-2px);-webkit-transform: translate(0,-2px);-o-transform: translate(0,-2px);-moz-transform: translate(0,-2px);box-shadow:0 2px 12px rgba(0,0,0,0.3)}


/*当前位置*/
#ur_here{padding:20px 0;font-size:14px; }
#ur_here a{font-size:14px;}
#ur_here code{margin:0 5px}


/* best */
.recommend{background:#f5f5f5;height:155px;margin-bottom:15px; overflow:hidden}
.flag{float:left;background:url(../qp-imgs/flag.png) no-repeat ;width:45px;height:80px;margin-left:12px}
.flag p{color:#e15517;font-size:14px;width:35px;margin-top:12px;margin-left:7px;}
.recommend .best_list{width:250px;height:120px;background:#fff;float:left;margin-top:16px;margin-left:12px;}
.recommend .best_list img{width:100px;height:100px;margin-top:10px;margin-left:10px;}
.recommend .best_list dl{margin-left:15px;margin-top:10px;width:115px;font-size:13px}
.recommend .best_list dl dt{line-height:20px;max-height:40px;}
.recommend .best_list dl dd {padding:5px 0 10px 0}
.recommend .best_list dl dd i{color:#e15517;font-size:13px;font-weight:bold;font-style:normal}
.recommend .best_list dl a{border:1px solid #e15517;background:#e15517;padding:2px 7px;font-size:12px;color:#fff;border-radius: 4px;}

/*cate*/
.list_left{width:200px}
.cate {border:1px solid #ddd;border-top:0}
.cate h2{height:32px;line-height:32px;background:#fafafa;border-top:1px solid #ddd;cursor:pointer;font-weight:400}
.cate h2:hover{background:#f1f1f1}
.cate h2 a{font-size:14px;}
.cate h2 img{margin:9px;vertical-align:middle;float: left}
.cate ul li{ border-top:1px dotted #ddd;width:150px;margin:auto;display:block;height:30px;line-height:30px;font-size:12px}
.cate ul li a{font-size:12px}
.cate ul li .over_2:first-child{border-top:0}


/* hot */
.new_pro {margin-top:10px;border:1px solid #ddd;}
.new_pro_title{border-bottom:1px solid #ddd;background:#fafafa;height:30px;line-height:30px;padding-left:15px;font-size:14px;}
.new_pro ul {padding:10px 10px 0 10px;text-align:center;}
.new_pro ul li{margin-bottom:5px;}
.new_pro ul li img{width:176px;height:176px;border:1px solid #ddd;}
.new_pro ul li .title{height:25px;line-height:25px; overflow:hidden;font-size:13px;}
.new_pro ul li p{color:#e15517;font-size:12px;}

/* px */
.list_right{width:990px; *overflow:hidden;float: right }
.list_sort{padding:0 12px;height:35px;line-height:35px;border:1px solid #ddd;background:#fafafa}
.list_sort .paixu {margin-right:20px;font-size:12px;}
.list_sort .paixu a{display:inline-block;height:20px;line-height:20px;padding:0 5px;border:1px solid #cbcbcb;background:#fff;margin-left:5px;}
.list_sort .paixu a i{display:inline-block;width:14px;height:14px;vertical-align:top;margin-left:3px;margin-top:3px;background: url(../qp-imgs/order.png) no-repeat;background-position:0 -14px}
.list_sort .paixu a.on{border:1px solid #e15517;background:#e15517;color:#fff}
.list_sort .paixu a.on i{background-position:0 0}
.list_sort .paixu a.on .ico_desc{background-position:-14px 0}
.list_sort .paixu a.on .ico_asc{background-position:0 0}
.list_sort .pailie{font-size:12px;}
.list_sort .pailie a{display:inline-block;height:20px;line-height:20px;border:1px solid #cbcbcb;background:#fff;margin-right:5px}
.list_sort .pailie a i{display:inline-block;width:20px;height:20px;vertical-align:top;background: url(../qp-imgs/common-icon.png) no-repeat;background-position:4px 4px}
.list_sort .pailie a i.ico_list{background-position:-40px 4px}
.list_sort .pailie a i.icon-grid{background-position:4px 4px}
.list_sort .pailie a.on i.ico_list{background-position:-62px 4px}
.list_sort .pailie a.on i.icon-grid{background-position:-18px 4px}
.list_sort .pailie a.on{border:1px solid #e15517;background:#e15517;}


/* pro list */
.pro_list {margin-top:15px;}
.dis_grid ul{width:1012px;}
.dis_grid ul li{width:228px;height:293px;box-shadow:0 0 2px #ccc;  float:left;margin-right:23px;*margin-right:12px;margin-bottom:23px;font-size:12px;border:1px solid #ddd}
.dis_grid ul li .details .details_box{background-color:#ffffff}
.dis_grid .details {padding:4px;text-align:center;height:289px;width:228px; overflow:hidden; position:relative; z-index:1;top:-4px;left:-4px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.dis_grid .details .pic{padding:15px 15px;}
.dis_grid .details img{width:200px;height:200px;}
.dis_grid .user_h {width:230px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.dis_grid .user_h .title{ text-align:left;margin:0 15px;height:35px;line-height:35px; overflow:hidden;}
.dis_grid .user_h p{ text-align:left;margin:0 15px;color:#e15517;font-size:16px;}
.dis_grid .user_h p del{color:#666;font-size:12px;text-decoration:line-through}
.dis_grid .user_h ul.pinglun{margin:15px 0 0 15px;border-top:1px solid #eee;height:50px;width:200px}
.dis_grid .user_h ul.pinglun dl{float:left;width:66px;border-right:1px solid #eee;height:50px;}
.dis_grid .user_h ul.pinglun dl.last{border-right:0}
.dis_grid .user_h ul.pinglun dl dt{height:20px;color:#3388bb;padding-top:5px;}
.dis_grid .user_h ul.pinglun dl dd{height:25px;}
.dis_grid .details .gwc{height:30px;line-height:30px;}
.dis_grid .details .gwc a{color:#fff;display:block}
.dis_grid ul li:hover .details{background:#e15517;height:381px;box-shadow:0 5px 15px #666;z-index:2}




.menut {font-size:28px;color:#666;text-align:center;margin:50px 0 30px}
.menut span{font-size:20px;color:#aaa;margin-top:15px}


.menulist ul {text-align:center;margin-bottom:40px}
.menulist ul a{display:inline-block;width:100px;height:30px;line-height:30px;margin:0 10px;font-size:14px;border:1px solid #dedede;border-radius:50px}
.menulist ul a.on,.menulist ul a:hover{border-color:#e15517;background-color:#e15517;color:#fff}

.news-list {margin-bottom:30px}
.news-list li{width:340px;height:400px;float:left;margin:10px;background:#f8f8f8;padding:20px;overflow:hidden}
.news-list li .pic{width:340px;height:255px; overflow:hidden}
.news-list li .pic img{width:340px;min-height:255px}
.news-list li .title{font-size:18px;margin-top:10px;height:30px;line-height:30px;color:#333;overflow:hidden}
.news-list li .date{font-size:14px;color:#777;margin:5px 0;}
.news-list li .desc{font-size:12px;color:#999;height:48px;line-height:24px; overflow:hidden}
.news-list li .more{width:31px;height:31px;margin-top:5px;background:url(../qp-imgs/ln_enter.png) no-repeat 0 0}
.news-list li:hover .more{width:31px;height:31px;background:url(../qp-imgs/ln_enter.png) no-repeat 0 -31px}
.news-list li:hover {box-shadow:0 1px 7px #ccc}





ul.article_list li{width:220px;height:195px; text-align:center;font-size:14px;float:left;margin:0 4px;margin-bottom:8px;background:#fafafa;padding:5px}
ul.article_list li .pic img{width:220px;height:165px}
ul.article_list li .title{height:30px;line-height:30px; overflow:hidden}
ul.article_list li:hover{background:#e15517;}
ul.article_list li:hover .title{color:#fff;}
ul.article_list li dt{background:#ffffff}
ul.article_list li,.ul.article_list li .title{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}